.page-header{
    background-color:rgb(167,24,31);
}
.menu-navbar{
    color:white;
}
.First-section{
    display:grid;
    grid-template-columns: 45% 60%;
}
.fist-para{
    display:flex;
    gap: 10px;
}
.main-heading h1{
    margin-top: 25px;
    font-size: 48px;
    color: #00283b;
    font-weight: 700;
    font-family: Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.main-heading p{
    font-size: 22px;
    margin-top: 20px;
}
.main-heading button{
    padding:20px ;
    border:1px solid black;
    border-radius: 30px;
    margin-top: 20px;
    font-size: 25px;
    font-weight: 500;
    width: 50%;
    background-color: white;
}
.main-heading button:hover{
     text-decoration: none;
    outline: 0;
    background-color: #00283b;
    border: 1px solid white;
    color: white;
}
.first-image img{
    width:80% ;
    height: 400px;
    margin-left: 77px;
    margin-top: 11px;
}
.sec-section{
    padding-top: 100px;
    background-color: white;
}
.Quick{
    display: grid;
    grid-template-columns:30% 70%;
    /* gap: 200px; */
    margin: 70px;
    border-bottom:1px solid white ;
}
.Quickly{
    display: grid;
    grid-template-columns: 30% 70%;
    margin: 70px;
}
.Quickly p{
     font-size: 20px;
    font-size: 36px;
    color:white;
}
.Quickly h2{
     font-weight: 700;
    font-size: 38px;
    font-family: Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: white;
}
.Quick h2{
    font-weight: 700;
    font-size: 38px;
    font-family: Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: white;
}
.Quick p{
    font-size: 36px;
    color:white;
    margin-bottom: 20px;
}
.Spoke-section{
    padding-top: 100px;
}
.Flake{
    display: flex;
    gap: 25px;
}
.track{
    padding-top: 20px;
     display: flex;
    gap:20px ;
    margin: 20px;
}
.track p{
    font-size: 25px;
}
.track i{
    margin-top: 10px;
}
.Flake i{
    margin-top:20px;
    color: white;
}
.Entire{
    padding: 50px;
    background-color: rgb(0,40,59);
    margin-right: 1px;
}
.insights{
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 30px;
}
.insights h2{
    font-size: 43px;
    font-weight: 600;
    font-family: Lato,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.insights video{
    width: 100%;
    height: 780px;
}
.collaboration h2{
    text-transform: uppercase;
    color: rgb(90,111,121);
}
.collaboration h1{
    margin-top: 15px;
}
.collaboration p{
    margin-top: 40px;
    font-size: 25px;
}
.maned{
      align-items: center;
    justify-content:center ;
    display: flex;
}
.maned video{
    width: 80%;
}
.maned img{
    width:80%;
}
.ability p{
    font-size: 25px;
}
.Vibs-section{
    padding-top: 150px;
}
.combines h2{
    font-size: 45px;
    font-weight: 700;
    color: white;
    padding-top: 50px;
}
.combines span{
    font-size: 30px;
    margin-top: 24px;
    color: rgb(209,216,220);
    display: flex;
}
.combines p{
    font-size:25px;
    margin-top: 30px;
    color: white;
}
.trail-image{
    background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/case-studies/macbook_new-min.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 173px;
}
.trail-image img{
    width:80%;
    height: 150px;
    margin-left: 27px;
    margin-top: 3px;
}
.trail-image video{
     width:80%;
    height: 150px;
    margin-left: 28px;
    margin-top: 3px;
    object-fit:cover ;
}
.Instead{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 50px;
}
.Shift{
    padding:31px;
    border-radius: 15px;
    box-shadow:10px 10px 10px 10px rgb(238, 232, 232);
    margin: 10px;
}
.Shift p{
    font-size: 25px;
    margin-top: 20px;
}
.Shift span{
    display: flex;
    align-items: end;
    justify-content: end;
    margin-top: 10px;
}
.sec-image {
    background-image: url(https://inoxoft.com/wp-content/themes/inoxoft/images/case-studies/macbook_new-min.webp);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height:401px;
}
.sec-image video {
    width: 69%;
    height:342px;
    margin-left: 68px;
    margin-top: 11px;
    object-fit: cover;
}

.kiks{
     display: flex;
    gap:20px ;
}
.kiks p{
    font-size: 25px;
}
.kiks span{
    font-size: 25px;
    font-weight: 600;
}
.kiws video{
    height: 665px;
    width: 100%;
}
.Owns{
    display: grid;
    grid-template-columns: 50% 50%;
}
.Owns p{
    color: white;
    font-size: 25px;
    margin-top: 20px;
}
.Easterns{
    display:flex ;
}
.Eastern p{
    font-size: 15px;
    margin-top: 0;
}
.validity p{
    font-size: 25px;
}
@media (max-width: 768px){
    .First-section{
        grid-template-columns: 100%;
    }
    .first-image img{
        height: 300px;
        margin-top:50px;
        margin-left: 0px;
    }
    .main-heading h1{
        font-size: 30px;
    }
    .Quick h2{
        font-size: 20px;
    }
    .Quick p{
        font-size: 16px;
    }
    .Quickly h2{
        font-size: 20px;
    }
    .Quickly p{
        font-size: 16px;
    }
    .insights{
        grid-template-columns: 100%;
    }
    .insights h2{
        font-size: 25px;
    }
    .Entire{
        padding: 1px;
    }
    .Instead{
        grid-template-columns: 100%;
    }
    .trail-image img{
        width: 54%;
    }
    .trail-image video{
        width: 54%;
    }
    .sec-image video{
        width: 80%;
        height: 261px;
        margin-left: 54px;
    }
    .sec-image{
        margin-top: 100px;
    }
}
@media (max-width: 450px){
    .First-section{
        grid-template-columns:100%;
    }
    .main-heading h1{
        font-size: 30px;
    }
    .main-heading p{
        font-size: 18px;
    }
    .main-heading button{
        font-size: 17px;
    }
    .first-image img {
    width: 80%;
    height: 188px;
    margin-left: 11px;
    margin-top: 55px;
}
.Entire{
    padding: 2px;
}
.Quick{
    grid-template-columns: 100%;
    margin:10px ;
}
.Quick h2{
    font-size: 21px;
}
.Quick p{
    font-size: 18px;
}
.Quickly{
    display: contents;
    margin: 10px;
}
.Quickly h2{
    font-size: 21px;
}
.Quickly p {
    font-size: 18px;
    margin-top: 15px;
}
.insights{
    grid-template-columns: 100%;
}
.insights h2{
    font-size: 25px;
}
.track{
    padding-top:9px ;
    margin: 6px;
}
.track p{
    font-size: 19px;
}
.insights video {
    width: 70%;
    height: 361px;
    margin-left: 47px;
}
.collaboration p{
    font-size: 19px;
}
.ability p {
    font-size: 19px;
}
.combines h2{
    font-size: 25px;
}
.combines span{
    font-size: 19px;
}
.combines p{
    font-size: 19px;
}
.Instead{
    grid-template-columns: 100%;
}
.trail-image img{
    width: 80%;
}
.trail-image video{
    width: 80%;
}
.sec-image{
    margin-top: 105px;
}
.sec-image video {
    width: 79%;
    height: 189px;
    margin-left: 38px;
    margin-top: 5px;
    object-fit: cover;
}
.Owns{
    grid-template-columns: 100%;
}
}
@media (max-width: 414px){
        .trail-image video{
            width: 76%;
        }
            .trail-image img {
        width: 76%;}
}